
section {
    z-index: 0
}

/*--------- For Padding Property --------*/

 ::-webkit-input-placeholder {
    color: #525252;
}

 ::-moz-placeholder {
    color: #525252;
}

 :-ms-input-placeholder {
    color: #525252;
}

 :-moz-placeholder {
    color: #525252;
}

.font-LR {
    font-weight: 400;
}

.font-LB {
    font-weight: 400;
}

.font-LL {
    font-weight: 300;
}



img {
    border: 0px
}

a {
    color: #303339;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

button {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #f57e16
}

a:focus {
    outline: none;
}

button:focus {
    outline: none;
}

img {
    object-fit: cover
}

ul {
    padding-left: 0
}
.row{margin:0px;}
.h1, .h2, .h3, h1, h2, h3{margin: 0px;}

ol, ul{margin: 0px; padding: 0px;}

body{ background:#fff; font-family: "Open Sans",Asap,Arial,Verdana,Helvetica,'Microsoft Yahei',Lato,sans-serif;}
/*i-housetl*/
/*head-top*/
#head-top{height:120px; border-bottom: 4px #c30d23 solid}
#head-top .head-top{ width: 1300px; margin: 0px auto; overflow:hidden;}
#head-top .head-top .logo{max-width: 350px; float: left; height:120px; line-height: 120px; font-size: 40px; font-weight: bold; color: #002e5f}
#head-top  .logo-right{width: 600px; float: right;}
#head-top  .logo-right .right1,#head-top  .logo-right .right2{width: 50%;padding: 35px 0 0 20px; float: left; border-left: 0px solid #e2e2e2; height: 116px}
#head-top  .logo-right i{width: 35px; height: 45px;float: left; line-height: 45px;
    text-align: center;
    font-size: 50px;color: #f00}
#head-top  .logo-right span{font-size: 16px; color: #002e5c; float: left; display: inline-block; width: calc(100% - 40px); text-indent: 10px;}
#head-top  .logo-right .right1 span:nth-child(3),#head-top  .logo-right .right2 span:nth-child(3){font-size: 20px; line-height: 30px;}


.head-top .i-houset{width: 100%;float: right; text-align: right; margin: 45px 0;}
.head-top .i-housetr{width: 100%;}
.head-top .i-housetl{width: 90%;float: right;}
.head-top .i-housetl div{width: 65px;text-align: center;position: relative; top: -46px; height: 45px; float: right; border-radius:0 5px 5px 0; background: #ff1949;}
.head-top .i-housetl div img{height: 100%}
.head-top .i-housetl input{width: 345px; height: 45px; border: 1px solid #fff; padding: 0px 10px;border-radius: 5px;outline: none }
/*association*/
.association{width: 100%;float: left;margin-top: 10px;}
.association a{max-width: 100%;float: left;font-size: 14px;color: #666; margin-right: 15px;}
/*===========================================new ================================*/

#head{height:108px;  width: 100%; min-width: 1000px;  border:none;transition: all .3s;  }
#head .head-ad{background: #fff; height: 108px; line-height: 108px;  width: 1300px;}
.nav{width:auto;max-width:70%;float:left;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.head-top-left .head-ad{width: 100% }
.nav ul li{float:left;width:120px;height:108px;transition:all .3s;     position: relative; }
.nav ul li .a1{line-height:108px;display:block;text-align:center;font-size:20px;color:#002f5a;transition:all .3s}
.nav ul li:hover .a1{color:#fff;transition:all .3s; background:#c30d23; }
.nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:108px;z-index:100;overflow: hidden;}
.nav ul li .div1 .p1{width: 100%;float: left;line-height: 50px;}
.nav ul li:hover .div1{background:#c30d23;}
.nav ul li .div1 .p1 a{color: #fff}
.nav ul li .div1 .p1 a:hover{ background-color: #a90519;color: #fff}
.moblie_head{display: none;}
.a_txt2{background-color: #333}
.a_txt .div3 ul li .a_txt2 a{ border-bottom: 1px solid #555;}
.a_txt .div3 ul li .a_txt2 a:hover{ background-color: #000}


.i-housetl{width: 380px;float: right;    position: relative;}
.i-housetl input{width: 100%;height: 50px; padding: 10px; border: 2px solid #c30d24;}
.i-housetl #ss{position: absolute;top:0px;right: 0px; width: 45px;height: 45px; }
.i-housetl #ss img{width: 100%}

/* flexslider */
.flexslider{position:relative;overflow:hidden;float: left;width: 100%;z-index: -100 }
.slides{position:relative;z-index:1;}
.slides li{ min-height: 690px;}
.flex-control-nav{position:absolute;bottom:20px;text-align:center; z-index:2;width:100%;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flexslider h2 {
    position: absolute;
    color: #fff;
    text-align: right;
    display: inline-block;
    width: 100%;
    bottom: 40px;
   right: 200px;
}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


.flex-active-slide h2 {
    -webkit-animation: bounce 3s ease-out infinite;
    -moz-animation: bounce 3s ease-out infinite;
    -o-animation: bounce 3s ease-out infinite;
    -ms-animation: bounce 3s ease-out infinite;
    animation: bounce 3s ease-out infinite;
    animation-iteration-count:1;/*执行次数*/
    -webkit-animation-iteration-count:1; /* Safari 和 Chrome */

}
@keyframes bounce {
    0% {
        transform: translate3d(55px, 0, 0);
        opacity: 0;
    }
    25% {
        transform: translate3d(-10px, 0, 0);
    }
    50% {
        transform: translate3d(6px, 0, 0);
    }
    75% {
        transform: translate3d(2px,0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}


.container {width: 90%;}
#container1{width: 100%; float: left; overflow: hidden;}
.container1{margin: 100px auto;}
.container1 .dh .hd-h3{width:404px; height: 122px;margin: 0px auto; text-align: center;  }
.container1 .dh .hd-h3 h2{font-size: 44px;color: #002f5b; font-weight: bold; border-bottom: 1px solid #002f5b;padding: 10px 0; width: 80%;margin: 0px auto;}
.container1 .dh .hd-h3 h3{ font-size: 18px; line-height: 40px; }

.container1 .box{width: 100%;float: left; margin-top:80px;}
.container1 .box li.ico1{border: 4px solid #ddedfc; padding:10px 20px 20px 20px; margin: 16px 0; width: 31%}
.container1 .box li:nth-child(3){float: right;}
.container1 .box li:nth-child(6){float: right;}
.container1 .box li:nth-child(2),.container1 .box li:nth-child(5){margin-left: 3.5%;}
.container1 .box li img{width: 100%; min-height: 320px;}
.container1 .box li .text{height: 65px; line-height: 65px;font-size: 24px; font-weight: bold; color: #002e58}
.container1 .box li.ico1 .jiage{padding: 0px; height: 35px; line-height: 35px; font-size: 18px; color: #c30d23;font-weight: bold;}
.container1 .box li.ico1 .more{height: 35px; line-height: 35px; text-align: right;}
.container1 .box li.ico1 .more a{background: #c30d23; color: #fff; padding: 5px 15px;font-size: 16px; }

#container2{width: 100%; float: left; overflow: hidden; background: url(../images/b1.png) no-repeat center center;}
#container2 .left {padding: 100px 8%}
#container2 .left h2{font-weight: 100;font-size: 60px;color: #fff; }
#container2 .left h3{font-size:24px; color: #Fff; padding: 30px 0 20px 0}
#container2 .left .box{color: #fff;font-size: 16px; line-height: 35px;}

#container2 .right {padding: 100px 5%}
#container2 .right img{ width: 100%; min-height: 450px}


#container3{width: 100%; float: left; overflow: hidden;}
#container3 .container{width: 80%; margin: 80px auto;}
.container3 .dh .hd-h3{width:404px; height: 122px;margin: 0px auto; text-align: center;  }
.container3 .dh .hd-h3 h2{font-size: 44px;color: #002f5b; font-weight: bold; border-bottom: 1px solid #002f5b;padding: 10px 0; width: 80%;margin: 0px auto;}
.container3 .dh .hd-h3 h3{ font-size: 18px; line-height: 40px; }

.container3 .box{width: 100%; margin-top:60px;}
.container3 .left img{width: 100%; min-height: 350px}
.container3 .right{padding:0 5%; font-size: 18px;color: #002f5b; line-height: 45px;}
.container3 .right .more{background: #c30d23; font-size: 20px; padding: 10px 30px; color: #fff;float: left; margin-top:15px;}



#container4{width: 100%; float: left; overflow: hidden; background: #f6f6f6; padding: 80px 0}
#container4 .container{width: 80%}
.container4 .dh .hd-h3{width:404px; height: 122px;margin: 0px auto; text-align: center;  }
.container4 .dh .hd-h3 h2{font-size: 44px;color: #002f5b; font-weight: bold; border-bottom: 1px solid #002f5b;padding: 10px 0; width: 80%;margin: 0px auto;}
.container4 .dh .hd-h3 h3{ font-size: 18px; line-height: 40px; }

.container4 .box{width: 100%; float: left;overflow: hidden; margin-top:60px;}
.container4 ul li{background: #fff;padding: 15px; margin: 15px 0; width: 31.3%;}
.container4 .box li:nth-child(2),.container4 .box li:nth-child(5){margin-left: 3%;}
.container4 .box li:nth-child(3){float: right;}
.container4 .box li:nth-child(6){float: right;}
.container4 ul li span.text{color: #002f5b;font-size: 18px;font-weight: bold;width: 100%;display: inline-block; line-height: 30px;}
.container4 ul li span.con{line-height: 24px; font-size: 15px; color: #888; display: inline-block;}
.container4 ul li span.date{width: 45%;float: left;line-height: 40px;color: #f00;font-size:16px;}
.container4 ul li .more{display: inline-block;max-width:120px; color: #f00;font-size:14px;float: right;line-height: 40px;}



#container5{width: 100%; float: left; overflow: hidden; background: #025cb4; padding: 50px 0}
#container5 .container{width: 80%}
#container5 .text{color: #fff;font-size: 40px; height: 50px;line-height: 50px;}
#container5 .p1{height: 50px; line-height: 50px; margin: 0px 15px; border-radius:3px; background: #085196; border: 1px solid #085196; color: #fff}
#container5 input::placeholder {color: #fff }
#container5 .btn-default{background:#085196;height: 50px; line-height: 35px; color: #fff;font-size: 18px;  border: 1px solid #085196; }
/**/
.box-h{margin-top: 40px;text-align: center; line-height: 45px;}
.box-h a{background:#c30d23; font-size: 18px; color: #fff;padding: 10px 15px; margin-right: 15px;border-radius:5px;}


/**/
#container10{background: #f6f6f6;padding: 25px 0;}
.container10{width: 80%;max-width: 1200px; background: #fff; padding: 30px 20px; }
.container10 .left img{min-height: 400px;}
.container10 .right h1{height: 60px; line-height: 60px; font-size: 30px; border-bottom: 2px solid #f00}
.container10 .right .content-a1{font-size: 14px; color:#888;line-height: 30px; padding: 20px 0;}
.container10 .right .mors li{width: 50%;float: left;line-height: 40px; height: 40px; font-size: 16px; color: #333;}
.container10 .right .mors a{display: inline-block; background: #f00; color: #fff; font-size: 16px; padding: 10px 15px; margin-top:15px;}
.container10 .right .mors a{}

.container10 #content{width: 100%;float: left; padding: 30px 0;}
.container10 #content .box-hd {border-bottom: 3px solid #f00; height: 55px; line-height: 55px;}
.container10 #content .box-hd h3{ background: #f00;width: 160px; font-size: 24px;color: #fff; text-align:center; height: 55px; line-height: 55px;}
.container10 #content .content { margin: 40px 20px;  line-height: 35px; font-size: 16px; color: #666;}
.container10 #content .content p{margin: 20px 0}


.container11 h3{ line-height: 60px; font-size: 30px; border-bottom: 2px solid #cccccc; text-align: center; padding-bottom: 20px;}
.container11 .note{height: 45px; line-height: 45px; text-align: center; border-bottom: 2px solid #cccccc; font-size: 14px; color: #888}
/*------------------------footer底部------------------------*/
#footer {background: #002e5a;float: left;width: 100%;padding: 60px 0; }
.foot{width: 80%; margin: 0px auto}
.foot .dizhi li{color: #fff; font-size: 14px; height: 40px;line-height: 40px;}
.foot .dizhi li a{color: #fff}
.foot .caidan li{height: 40px;line-height: 40px; width: 50%;float: left;}
.foot .caidan li a{color: #fff; font-size: 14px; }
.foot .caidan h3{ color: #fff; font-size: 18px; padding: 10px 0; }
.foot .lianx li{width: 100%;float: left; margin: 5px 0;}
.foot .lianx i{display: inline-block; height: 49px; width: 49px;float: left; line-height: 49px;text-align: center;font-size: 50px;color: #fff;}
.foot .lianx span{color: #fff;font-size: 15px; width: 155px;float: left; text-indent: 10px; line-height: 24px;}

/*关于我们*/
.features{width: 100%;float: left}
.features .item {
    padding: 100px 0;
    min-height: 400px;
}
.features .item h4 {
    margin:25px 0 25px 0 ;
    font-size: 22px;
}
.features .item p {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.7;
}
.features .item i {
    font-size: 64px;
    margin-bottom: 20px;
}

/*服务*/
.fuwushuo {
    position: relative;
    background-color: #f4f4f4;width: 100%;float: left
}
.fuwushuo .wrap {
    display: table;
    width: 100%;
    height: 700px;
}
.fuwushuo .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 0;
}
.fuwushuo i {
    font-size: 60px;
    color: #465bb6;
}
.fuwushuo h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 25px 0;
}
.fuwushuo p {
    line-height: 26px;
    font-size: 16px;
    color: #888;
}
.fuwushuo h6 {
    line-height: 52px;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 25px;
}
.fuwushuo ul {
    margin-top: 0;
    font-size: 16px;
    display: inline-block;
}
.fuwushuo li {
    padding: 7px 0;
    color: #888;
}
.fuwushuo .img {
    display: block;
    margin: 0 auto;
    width: 60%;
    height: auto;
}
.fuwushuo .bank {
    margin: 0 auto;
    max-width: 500px;
}
@media (max-width: 1400px) {
   #head-top .head-top,#head .head-ad{width: 90%;}
   .nav ul li{width: 95px;}
   .nav ul li .a1{font-size: 16px;}
   /*.container1 .box li:nth-child(2),.container1 .box li:nth-child(5){margin-left: 3.5%;}*//*
   .container4 .box li:nth-child(2),.container4 .box li:nth-child(5){margin-left: 24px;}*/
}
@media (max-width: 1200px) {
    .container{width: 100%; padding: 0px 15px;}
.foot{width: 100%}
#container3 .container,#container4 .container,#container5 .container{width: 100%}
.slides li{min-height: 450px; background-size: 100% 100%!important;}
.nav ul li{width: 80px;}
.i-housetl{width: 280px;}
.container1 .box li img{min-height: 220px;}
.container1 .box li .text{font-size: 18px;}
#container2 .left h2{font-size: 35px;}
#container2 .left{padding: 100px 2%}
#container2 .left h3{padding: 20px 0;font-size: 24px;}
#container2 .left .box{font-size: 16px; line-height: 35px;}
#container2 .right img{min-height: 380px;}
.container3 .right{padding: 0px; padding-top:40px;}
#container5 .text{font-size: 22px;}
#container5 .p1{margin: 0px 8px;}
.container1 .box li.ico1 .more a{padding: 5px;}
.container10{padding:15px;}
.container10 .left img{
    min-height:100%;
}
.container10 .right{margin-top:20px;}
.container10 .right h1{height: 100%;line-height: 45px;font-size: 24px;}
.foot .lianx span{width: 120px;}

}
@media (max-width: 1024px) {

}

@media (max-width: 1023px) {

#head-top{display: none;}
.moblie_head{display: inline-block; background: #465bb6; height: 55px;}
 .slides li {min-height: 380px;background-size: 100% 100%!important;}
 .container1 .box li.ico1{width: 48%;float: left;}
 .container1 .box li:nth-child(2), .container1 .box li:nth-child(5){margin-left: 0px;}
 .container1 .box li:nth-child(even){float: right;}
 #container4 .container,#container3 .container{width: 100%}
 .container4 ul li{width: 48%;float: left;}
 .container4 .box li:nth-child(3){float: left;}
 .container4 .box li:nth-child(2), .container4 .box li:nth-child(5){margin-left: 0px;}
  .container4 .box li:nth-child(even){float: right;}
  #container5 .container{width: 100%}
  #container5 .p1{margin: 10px;}
  #container5 .btn-default{margin-top:10px;}
  .foot .lianx{margin-top:30px;}

}


@media (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
.container1 .dh .hd-h3,.container3 .dh .hd-h3 ,.container4 .dh .hd-h3{
    width: 240px;
    height: 92px;
    margin: 0px auto;
    text-align: center;

    background-size: 100%;
}
.container1 .dh .hd-h3 h2 ,.container3 .dh .hd-h3 h2,.container4 .dh .hd-h3 h2{
    font-size: 23px;
    color: #002f5b;
    font-weight: bold;
    border-bottom: 1px solid #002f5b;
    padding: 10px 0;
    width: 80%;
    margin: 0px auto;
}

.container1{    margin: 50px auto;}
.container1 .box{margin-top:40px;}
.foot .lianx li{width: 33%}
 #container5 .p1{margin: 10px 0;}
 .foot .lianx li span{line-height: 49px; height: 49px;}
}


@media (max-width: 768px) {
    .flexslider{margin-top:55px;}
 .slides li {min-height: 300px;background-size: 100% 100%!important;}
 .container1 .box li.ico1{padding: 10px;}
 .container1 .box li img{min-height: 130px}
 .container1 .box li .text{font-size: 16px; overflow:hidden; height: 40px; line-height: 40px;}
 .container1 .box li.ico1 .jiage{width: 100%}
 .container1 .box li.ico1 .more{width: 100%; text-align: left; padding: 0px;}
 #container2{padding: 40px 0; background-position:center center;}
 #container2 .left{padding: 0px;}
 #container2 .right{padding: 50px;}
 #container2 .right img{min-height: 200px}
 #container2 .left h2{text-align: center;}
 .container3 .left img{min-height: auto}
 .container3 .right{line-height: 25px; font-size: 14px;}
 .container4 ul li{width: 100%}
 .container4 .box{margin-top:30px;}
  .caidan{display: none;}
  .container10 .right {padding: 0px;}
 #container2 .left h3{font-size: 20px; text-align: center}
 .flex-direction-nav li a{width: 30px; height: 30px;border-radius:25px;}
 .flex-direction-nav li a.flex-prev{ left: 10px; }
 .flex-direction-nav li a.flex-next{  right: 10px;}
 .foot .caidan{display: none;}
    .foot .lianx{display: none}
.foot .lianx li{width: 100%}

.box-h{margin-top:40px;line-height: 30px; }
    .box-h a {display: inline-block;font-size: 14px;
        padding: 8px;margin-bottom: 10px;}
.carousel-img{margin-top:55px;}
.container10 #content .content{margin: 20px 0;}
}


@media (max-width: 580px) {
 .slides li {min-height: 220px;background-size: 100% 100%!important;}
 .container1 .box li.ico1 .more a{font-size: 14px; line-height: 30px;height: 30px;}
 .container1 .box li.ico1 .jiage{font-size: 14px;line-height: 30px;height: 30px;}
 .container1 .box li .text{line-height: 30px;height: 30px;font-size: 14px; }
 .container10 .right .mors li{font-size: 12px; color: #666;}

}
